<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>广西亚卓律师事务所</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/css/common.css" rel="stylesheet">
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
</head>

<body>
    <!-- 整站通用的头部及导航条 -->
    <div id="header">
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" style="padding:0 0 0 15px;" href="http://www.clantrip.com">
                        <img alt="Brand" style="max-width:130px;" src="static/picture/logo.png">
                    </a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active">
                            <a href="http://www.clantrip.com">首页
                                <span class="sr-only">(current)</span>
                            </a>
                            <p class="line-top hidden-xs"></p>
                        </li>
                        <li><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=6">律所介绍</a></li>
                        <li><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=13">真实案例</a></li>
                        <li><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=9">律所精英</a></li>
                        <li><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=10">人才招聘</a></li>
                        <li><a href="http://www.clantrip.com/index.php?m=content&c=index&a=lists&catid=14">联系我们</a></li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>
    </div>
    <!-- 整站通用的头部及导航条 -->
    <!-- 全屏轮播图开始 -->
    <div id="carousel-example-generic" class="carousel slide my-slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <a target="_blank" href="">
                    <img src="static/images/banner1.jpg" alt="广西亚卓律师事务所">
                </a>
            </div>
            <div class="item">
                <a target="_blank" href="">
                    <img src="static/images/banner2.jpg" alt="广西亚卓律师事务所">
                </a>
            </div>
        </div>
    </div>
    <!-- 全屏轮播图结束 -->

    <!-- 我们的成绩开始 -->
    <div class="index-row our-data">
        <div class="container">
            <div class="row">
                <div class="col-xs-6 col-sm-3 our-data-item sum-apply">
                    <div class="number-wrapper">
                        <div><img src="static/images/zixun.png" width="80" /></div>
                        <span id="sum-apply" class="run-number"></span>
                    </div>
                    <div class="title">累计咨询</div>
                </div>
                <div class="col-xs-6 col-sm-3 our-data-item sum-rate">
                    <div class="number-wrapper">
                        <div><img src="static/images/anjian.png" width="60" /></div>
                        <span id="sum-rate" class="run-number"></span>
                    </div>
                    <div class="title">累计案件</div>
                </div>
                <div class="col-xs-6 col-sm-3 our-data-item sum-urgent">
                    <div class="number-wrapper">
                        <div><img src="static/images/shengsu.png" width="80" /></div>
                        <span id="sum-urgent" class="run-number"></span>
                    </div>
                    <div class="title">累计胜诉</div>
                </div>
                <div class="col-xs-6 col-sm-3 our-data-item urgent-rate">
                    <div class="number-wrapper">
                        <div><img src="static/images/lvshi.png" width="80" /></div>
                        <span id="urgent-rate" class="run-number"></span>
                    </div>
                    <div class="title">位律师</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 我们的成绩结束 -->

    <!-- 我们的服务开始 -->
    <div class="our-service">
        <div class="container">
            <div class="text-center xm">
                <p class="header1">法律服务项目</p>
                <p class="line line-big"></p>
                <p class="header2"><span>真正实力，亚卓为您解决法律问题</span></p>
            </div>
            <div class="fuwu">
                <div class="row">
                    <div class="col-md-4">
                        <a class="fuwu_a" href="javascript:;">
                            <div class="media  fuwu_ul">
                                <div class="media-left media-middle">
                                    <img width="61" src="static/images/z1.png" alt="">
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">法律顾问</h4>
                                    <div>
                                        法律顾问服务包括企业法律问题处理、法律知识培训等！
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a class="fuwu_a" href="javascript:;">
                            <div class="media  fuwu_ul">
                                <div class="media-left media-middle">
                                    <img src="static/images/z2.png" alt="">
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">劳资纠纷</h4>
                                    <div>
                                        劳资纠纷包括劳动合同法、劳动仲裁、工伤赔偿等纠纷
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a class="fuwu_a" href="javascript:;">
                            <div class="media  fuwu_ul">
                                <div class="media-left media-middle">
                                    <img src="static/images/z3.png" alt="">
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">破产并购</h4>
                                    <div>
                                        破产并购服务包括企业破产申请、重组清算、尽职调查、企业并购等
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a class="fuwu_a" href="javascript:;">
                            <div class="media  fuwu_ul">
                                <div class="media-left media-middle">
                                    <img src="static/images/z4.png" alt="">
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">知识产权</h4>
                                    <div>
                                        知识产权服务包括专利、商标、版权侵权维权服务及不正当竞争打击服务
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a class="fuwu_a" href="javascript:;">
                            <div class="media  fuwu_ul">
                                <div class="media-left media-middle">
                                    <img src="static/images/z5.png" alt="">
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">婚姻继承</h4>
                                    <div>
                                        婚姻继承服务包括争夺抚养权、起诉离婚、财产分割等
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a class="fuwu_a" href="javascript:;">
                            <div class="media  fuwu_ul">
                                <div class="media-left media-middle">
                                    <img src="static/images/z6.png" alt="">
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">房产工程</h4>
                                    <div>
                                        房产工程服务包括房屋买卖纠纷、产权纠纷、征地拆迁等
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a class="fuwu_a" href="javascript:;">
                            <div class="media  fuwu_ul">
                                <div class="media-left media-middle">
                                    <img src="static/images/z7.png" alt="">
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">债权债务</h4>
                                    <div>
                                        债权债务法律服务包括商账追讨、破产清算、追讨工程款、民间借贷等
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a class="fuwu_a" href="javascript:;">
                            <div class="media  fuwu_ul">
                                <div class="media-left media-middle">
                                    <img src="static/images/z8.png" alt="">
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">交通事故</h4>
                                    <div>
                                        法律服务包括交通事故索赔、代理交通事故诉讼、交通事故法律咨询等
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-4">
                        <a class="fuwu_a" href="javascript:;">
                            <div class="media  fuwu_ul">
                                <div class="media-left media-middle">
                                    <img src="static/images/z9.png" alt="">
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">刑事辩护</h4>
                                    <div>
                                        包括审判阶段为被告人辩护，代理进行谈判、和解、调解等
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 我们的服务结束 -->

    <!-- 律所简介开始 -->
    <div class="firm-about">
        <div class="container">
            <div class="col-md-4">
                <div class="firm-signboard">
                    <img src="static/images/signboard.png" alt="">
                </div>
            </div>
            <div class="col-md-8">
                <div class="text-center xm">
                    <p class="header1">律所简介</p>
                </div>
                <p class="line line-big"></p>
                <p class="">
                    &emsp;&emsp;广西亚卓律师事务所是依法设立的综合性合伙制律师事务所。亚卓成立至今，始终秉承“法为本，润以德”之宗旨，以业务部门为龙头，专业化分工为基础，专业律师为核心，拥有一支高素质的律师队伍，这是亚卓蓬勃发展的源泉，更是为客户提供优质服务的保证。<br />
                    &emsp;&emsp;亚卓专注于征地拆迁、行政争议、公司法务、婚姻继承、刑事诉讼等法律事务，在各法律业务领域，亚卓都坚持团队合作办案和案件推演的工作模式，践行首席律师负责制，充分发挥首席律师执业经验丰富和理论功底扎实的优势，带领团队专业律师用集体智慧为客户提供专业、优质、高效的法律服务。</span>
                </p>
            </div>
        </div>
    </div>
    <!-- 律所简介结束 -->

    <!-- 律所大咖开始 -->
    <div class="index-row firm-daka">
        <div class="container">
            <div class="row">
                <div class="text-center xm">
                    <p class="header1">律所大咖</p>
                    <p class="line line-big"></p>
                    <h2>
                        <p class="header2"><span>更资深的律师，更规范化的运作，贴心的服务，只为让您放心</span></p>
                    </h2>
                </div>
                <div class="card-box">
                    <ul>
                        <li class="card-item"></li>
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 律所大咖结束 -->

</body>

<script type="text/javascript" src="static/js/common.js"></script>
<script src="static/js/countup.min.js"></script>
<script type="text/javascript">
    $(function () {
        /**通用-banner大图自定义缩放**/
        var zoomWidth = 992; //缩放阀值992px, 即所有小于992px的视口都会对原图进行缩放, 只是缩放比例不同
        var maxWidth = 1920; //最大宽度1920px
        var ratio = 1; //缩放比例
        var viewWidth = window.innerWidth; // 视口宽度
        var zoomSlider = function () {
            if (viewWidth < 768) { //当视口小于768时(移动端), 按992比例缩放
                ratio = viewWidth / zoomWidth; //视口宽度除以阀值, 计算缩放比例
            } else if (viewWidth < zoomWidth) { //当视口界于768与992之间时, bootstrap主宽度为750, 这区间图片缩放比例固定.
                ratio = zoomWidth / (zoomWidth + (zoomWidth - 750));
            } else { // PC端不缩放
                ratio = 1;
            }
            //ratio = viewWidth / zoomWidth; //视口宽度除以阀值, 计算缩放比例
            //ratio = (ratio<=1) ? ratio : 1; //如果比例值大于1, 说明视口宽度高于阀值, 则不进行任何缩放
            var width = maxWidth * ratio; //缩放宽度
            $(".my-slide img").each(function () {
                $(this).css({
                    "width": width,
                    "max-width": width,
                    "margin-left": -(width - viewWidth) / 2
                }); //图片自适应居中, 图片宽度与视口宽度差除以2的值, 设置为负margin
            });
        }
        /**通用-我们的成绩等数字滚动特效**/
        var numOptions = {
            useEasing: true,
            useGrouping: true,
            separator: ',',
            decimal: '.',
            prefix: '',
            suffix: ''
        }
        var numGroup = new Array(
            new CountUp("sum-apply", 0, 18397, 0, 2.5, numOptions),
            new CountUp("sum-rate", 0, 98.8, 1, 2.5, numOptions),
            new CountUp("sum-urgent", 0, 3273, 0, 2.5, numOptions),
            new CountUp("urgent-rate", 0, 100, 0, 2.5, numOptions)
        );
        var runNumber = function () {
            $('.run-number').each(function () {
                var oTop = $(this).offset().top;
                var sTop = $(window).scrollTop();
                var oHeight = $(this).height();
                var oIndex = $(this).index('.run-number');
                //console.log(oTop+'\r\n'+sTop+'\r\n'+oHeight+'\r\n'+$(window).height());
                if (oTop >= sTop && (oTop + (oHeight / 2)) < (sTop + $(window).height())) {
                    numGroup[oIndex].start();
                    //console.log('元素'+$(this).index('.run-number')+'可见');
                } else {
                    //console.log('元素'+$(this).index('.run-number')+'不可见');
                }
            });
        }

        zoomSlider(); //页面加载时初始化并检查一次.
        runNumber(); //页面加载时判断一次
        /**视口发生变化时的事件**/
        $(window).resize(function () {
            viewWidth = window.innerWidth; // 重置视口宽度
            zoomSlider();//判断是否绽放banner
            runNumber();//判断是否执行动画
        });
        /**滚动事件**/
        $(window).scroll(function () {
            runNumber();
        });
    });
</script>

</html>